<template>
    <vBreadcrumbVue></vBreadcrumbVue>
    <div class="bgff_pd16">
<vue3-tinymce :setting="stateClassic.setting" />
    </div>
</template>

<script lang="ts" setup>
import { defineComponent, reactive } from 'vue';
import Vue3Tinymce from "@/package/abc/Vue3Tinymce";

// 基本信息
const stateClassic = reactive({
  content: "",
  disabled: false,
  setting: {
    menubar: true,
    toolbar:
      "code undo redo | fullscreen | formatselect alignleft aligncenter alignright alignjustify | link unlink | numlist bullist | image media table | fontsizeselect forecolor backcolor | bold italic underline strikethrough | indent outdent | superscript subscript | removeformat |",
    toolbar_drawer: "sliding",
    quickbars_selection_toolbar:
      "removeformat | bold italic underline strikethrough | fontsizeselect forecolor backcolor",
    plugins: "link image media table lists fullscreen code autosave imagetools",
    fontsize_formats: "12px 14px 16px 18px",
    automatic_uploads: true,
    images_upload_url: "/demo/upimg.php", //后端处理程序地址
    default_link_target: "_blank",
    width: "100%", //宽度
    height: 500, //高度
    link_title: false,
    nonbreaking_force_tab: true,
    custom_images_upload: false, //是否要自定义上传
    // 设置中文语言
    language: "zh_CN",
    content_style: "body{font-size: 14px}",
  },
});


const layout = {
    labelCol: { span: 8 },
    wrapperCol: { span: 8 },
};

const validateMessages = {
    required: '${label} 是必填项',
    types: {
        email: '${label} is not a valid email!',
        number: '${label} is not a valid number!',
        time: '${label} is not a valid number!'
    },
    number: {
        range: '${label} must be between ${min} and ${max}',
    },
};

const formState = reactive({
    user: {
        title: '',
        time: [],
        standard: '',
        target: '',
        userId: '',
        name: '',
        website: '',
        permissions: 0,
        targetGk: '0',
        options: [],
        introduction: '',
    },
});
const onFinish = (values: any) => {
    console.log('Success:', values);
};
</script>
<script lang="ts">
export default {
    name: 'basic-form'
}
</script>
<style>
</style>